<template>
  <div id="app" class="df-col">
    <title-bar v-if="showTitle && platform == 'win32'"></title-bar>

    <div class="df1 app-con">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>

  </div>
</template>

<script>
  import TitleBar from './components/TitleBar.vue'
  import {mapGetters, mapActions} from 'vuex'


  export default {
    name: 'electron-vue',
    components: {
      TitleBar,
    },
    computed: {
      ...mapGetters(['showTitle']),
      platform () {
        return process.platform
      }
    }
  }
</script>

<style lang="scss">
  @import "./scss/index.scss";
  @import './scss/element-variables';

  #app {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .app-con {
    overflow: hidden;
  }
  .app-con > div.app-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .app-con > div.app-container-scroll {
    width: 100%;
    height: 100%;
    overflow: auto;
  }
</style>
